/**
 * 常用样式混入
 */

// 标签
@mixin tag(
	$height,
	$padding,
	$radius,
	$bgColor,
	$color,
	$size,
	$bold: normal
) {
	display: inline-block;
	height: $height;
	line-height: $height;
	padding: 0 $padding;
	border-radius: $radius;
	background-color: $bgColor;
	color: $color;
	font-size: $size;
	font-weight: $bold;
}
// 不同的tag
$tag-small: 30rpx, 10rpx, 15rpx, $red, $white, 20rpx;
$tag-default: 50rpx, 15rpx, 25rpx, $red, $white, 25rpx;
$tag-big: 100rpx, 30rpx, 50rpx, $red, $white, 30rpx;

// 镂空带边框的tag
@mixin line-tag(
	$height,
	$radius,
	$paddingLR,
	$color,
	$size
) {
	height: $height;
	line-height: $height - 2rpx;
	border-radius: $radius;
	padding: 0 $paddingLR;
	border: 1rpx solid $color;
	color: $color;
	font-size: $size;
}


// 按钮
@mixin button(
	$height,
	$radius,
	$width: 100%
) {
	width: $width;
	height: $height;
	line-height: $height;
	border-radius: $radius;
	text-align: center;
}